<script setup lang="ts">
import { RouterLink } from 'vue-router'
</script>
<template>
  <div>
    <h1>Vue Learn</h1>
    <hr />
    <h3>实验一 Vue组件与路由实验</h3>
    <ul>
      <li><RouterLink to="/experiment1/example01">example01</RouterLink></li>
      <li><RouterLink to="/experiment1/example02">example02</RouterLink></li>
      <li><RouterLink to="/experiment1/example03">example03</RouterLink></li>
    </ul>
    <hr />
    <h3>实验二 Vue双向绑定实验</h3>
    <ul>
      <li><RouterLink to="/experiment2">选修课程</RouterLink></li>
    </ul>
    <hr />
    <h3>实验三 单一数据源实验</h3>
    <ul>
      <li><router-link to="/experiment3">外卖平台</router-link></li>
    </ul>
    <hr />
    <h3>实验四 网络请求实验</h3>
    <ul>
      <li><router-link to="/experiment4">登录</router-link></li>
    </ul>
    <hr />
  </div>
</template>
